/* 基础样式 */
body {
    font-family: 'Inter', sans-serif;
}

/* 自定义工具类 */
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .bg-glass {
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
    }
}

/* 动画效果 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

/* 表单元素样式 */
input:focus,
button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);

}

/* 密码可见性切换按钮 */
#togglePassword {
    cursor: pointer;
}

/* 登录按钮悬停效果 */
button[type="submit"]:hover {
    background: linear-gradient(to right, #2563eb, #4f46e5);
}
    